<template>
	<view>
		<view class='line_list'>

			<view class='line_item' catchtap='edit_info' data-opt='shop_logo' hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>店铺图标</view>
				</view>
				<view class='line_item_right'>
					<view class='line_item_status'>
			
					</view>
					<image class='head_img' :src='shop.logo?shop.logo:"../../static/images/empty-avatar.png"'></image>
					
				</view>
			</view>

			<view class='line_item' catchtap='edit_info' data-opt='shop_name' hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>店铺名称</view>
				</view>
				<view class='line_item_right'>
					<view class='line_item_status'>
						<input type="text" style="text-align: left;background: #f2f2f2;" v-model="shop.name">
					</view>
					
				</view>
			</view>

			<view class='line_item' catchtap='qrcode_show' data-opt='' hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>二维码</view>
				</view>
				<view class='line_item_right'>
					
				</view>
			</view>

			<view class='line_item' catchtap='edit_info' data-opt='shop_info' hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>店铺简介</view>
				</view>
				<view class='line_item_right'>
					<view class='line_item_status'>
						<input type="text" style="text-align: left;background: #f2f2f2;" v-model="shop.info">
					</view>
					
				</view>
			</view>

			<view class='line_item' catchtap='edit_info' data-opt='shop_addr' hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>店铺地址</view>
				</view>
				<view class='line_item_right'>
					<view class='line_item_status'>
						{{shop.addr}}
					</view>
					
				</view>
			</view>
			<view class='line_item' style='margin-top:35rpx;' catchtap='edit_info' data-opt='resetPassword'
				hover-class='click_btn'>
				<view class='line_item_left'>
					<view class='line_item_title'>修改密码</view>
				</view>
				<view class='line_item_right'>
					<view class='line_item_status'>
					</view>
					
				</view>
			</view>

		</view>

		<view class='logout' catchtap='logout' hover-class='click_btn'>退出登录</view>

	</view>
</template>

<script>
	export default{
		data(){
			return{
				shop:{
					
				},
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page {
		background: #f2f2f2
	}

	.line_title {
		font-size: 25rpx;
		letter-spacing: 2rpx;
		color: #666;
		padding: 20rpx 50rpx;
	}

	/* 功能条 */
	.line_list {
		border-bottom: 1rpx #eee solid;
	}

	.line_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fff;
		padding: 30rpx 50rpx;
		border-top: 1rpx #eee solid;
		color: #888;
		font-size: 30rpx;
	}

	.line_item_left {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 40%;
	}

	.line_item_right {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 28rpx;
		letter-spacing: 2rpx;
		width: 80%;
	}

	.head_img {
		width: 100rpx;
		height: 100rpx;
		border-radius: 8rpx;
		background: $themeColor;
		margin-right: 25rpx;
	}

	.line_item_status {
		color: #555;
		margin-right: 15rpx;
	}

	.qrcode_img {
		width: 35rpx;
		height: 35rpx;
		margin-right: 20rpx;
	}

	.line_item_img {
		width: 45rpx;
		height: 45rpx;
	}

	.line_item_title {
		color: #333;
		font-size: 28rpx;
	}

	.right_arrow {
		width: 25rpx;
		height: 25rpx;
	}

	.click_btn {
		opacity: 0.8;
		background: #fdfdfd;
	}

	.logout {
		text-align: center;
		background: #fff;
		padding: 25rpx 0;
		font-size: 35rpx;
		letter-spacing: 4rpx;
		color: $themeColor;
		margin-top: 35rpx;
	}
</style>